<template>
    <div class="workMent">
        <el-table :data="tableData" v-loading="loading" border style="width: 100%">
            <el-table-column prop="id" label="用户ID" align="center">
            </el-table-column>
            <el-table-column prop="userId" label="所属班级" align="center">
            </el-table-column>
            <el-table-column prop="title" label="作业名称" align="center">
            </el-table-column>
            <el-table-column prop="completed_text" label="完成情况" align="center">
            </el-table-column>
        </el-table>
        <Page :total="total" :url="url"/>
    </div>
</template>
<script>
    import Page from "../common/Pageing";
    export default {
        components: {
            Page,
        },
        data() {
            return {
                tableData: [],
                total: 0,
                loading: true,
                url: '/works',
            }
        }
    }
</script>
<style lang="scss">
.workMent {
    .el-pagination {
        text-align: left;
        margin-top: 20px;
    }
}
</style>